@import './mixins/mixins';

@include block(row) {
  position: relative;
  box-sizing: border-box;
  @include utils-clearfix;


  @include modifier(flex) {
    display: flex;

    &:before,
    &:after {
      display: none;
    }

    @include when(justify_center) {
      justify-content: center;
    }

    @include when(justify_end) {
      justify-content: flex-end;
    }

    @include when(justify_space_between) {
      justify-content: space-between;
    }

    @include when(justify_space_around) {
      justify-content: space-around;
    }

    @include when(align_middle) {
      align-items: center;
    }

    @include when(align_bottom) {
      align-items: flex-end;
    }

  }
}
